<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>宠物网,宠物猫,宠物狗,波奇宠物网,波奇网</title>
    <script src="js/axios.min.js"></script>
    <link rel="stylesheet" href="./css/login.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <style></style>
  <body>
    <div class="zong">
      <div class="top">
        <ul class="nob1">
          <li><a href="#">波奇网</a></li>
          <li><a href="#">波奇商场</a></li>
          <li><a href="#">宠物百科</a></li>
          <li style="width: 179px"><a href="#">Investor Relations</a></li>
        </ul>
        <ul class="nob2">
          <li class="nb4">
            <a href="#">手机版</a>
            <div class="sn4">
              <img src="../img/tel.jpg" class="tel" />
              <div class="tell">
                <span style="font-size: 15px">波奇宠物APP</span>
                <span style="font-size: 10px">注册领取150，爆款包邮1元起</span>
                <a href="#"><p></p></a>
                <a href="#"><p></p></a>
              </div>
            </div>
          </li>
          <li class="nb3">
            <a href="#">Twitter</a><span class="sp1">|</span
            ><span class="sn3"></span>
          </li>
          <li class="nb2">
            <a href="#">微信</a><span class="sp1">|</span
            ><span class="sn2"></span>
          </li>
          <li class="nb1">
            <a href="#">微博</a><span class="sp1">|</span
            ><span class="sn1"></span>
          </li>
          <li style="text-indent: 20px">
            <a href="zuche.html">注册</a><span class="sp1">|</span>
          </li>
          <li style="text-indent: 20px">
            <a href="login.html">登录</a><span class="sp1">|</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="box" style="background-color: #fff">
      <div class="box1">
        <a href="index.html"
          ><img src="../img/logo3.png" alt="log" class="im"
        /></a>
        <div class="enz">
          <p><input type="text" /><input type="button" value="搜索" /></p>
          <ul>
            <li style="width: 65px">热门搜索：</li>
            <a href="#"><li style="width: 65px">宠物用品</li></a>
            <a href="#"><li>狗粮</li></a>
            <a href="#"><li>比熊</li></a>
            <a href="#"><li>贵宾</li></a>
            <a href="#"><li>金毛</li></a>
            <a href="#"><li>哈士奇</li></a>
            <a href="#"><li>贵宾犬</li></a>
            <a href="#"><li>雪纳瑞</li></a>
            <a href="#"><li>更多&gt;&gt;</li></a>
          </ul>
        </div>
        <div class="enze"></div>
      </div>
    </div>
    <!-- 导航栏 -->
    <div class="topp">
      <div class="topp1">
        <ul>
          <a href="#"><li style="background-color: #ee5544">首页</li></a>
          <a href="#"
            ><li id="gg">狗狗<span></span></li
          ></a>
          <div id="sy1">
            <div class="gg1">
              <a href="#"><h2>狗狗商场&gt;&gt;</h2></a>
              <a href="#"><span>宠物狗粮</span></a>
              <a href="#"><span>狗狗零食</span></a>
              <a href="#"><span>罐头湿粮</span></a>
              <a href="#"><span>狗狗保健品</span></a>
              <a href="#"><span>狗狗医疗</span></a>
              <a href="#"><span>狗狗出行</span></a>
              <a href="#"><span>狗狗日用品</span></a>
              <a href="#"><span>狗狗美容</span></a>
              <a href="#"><span>狗狗玩具</span></a>
              <a href="#"><span>狗狗住所</span></a>
            </div>
            <div class="gg1">
              <h2>狗狗百科&gt;&gt;</h2>
              <a href="#"><span>柯基犬</span></a>
              <a href="#"><span>牛头梗</span></a>
              <a href="#"><span>中华田园犬</span></a>
              <a href="#"><span>比特犬</span></a>
              <a href="#"><span>比熊犬</span></a>
              <a href="#"><span>博美犬</span></a>
              <a href="#"><span>柯基</span></a>
              <a href="#"><span>边境牧羊犬</span></a>
              <a href="#"><span>金毛</span></a>
              <a href="#"><span>秋田犬</span></a>
              <a href="#"><span>柴犬</span></a>
              <a href="#"><span>哈士奇</span></a>
              <a href="#"><span>狗狗大全</span></a>
              <a href="#"><span>狗狗饲养</span></a>
              <a href="#"><span>狗狗训练</span></a>
              <a href="#"><span>狗狗医疗</span></a>
              <a href="#"><span>问答专区</span></a>
            </div>
            <div class="gg2">
              <img src="../img/img57721417751190.jpg" alt="" />
              <p>佩玛思特进口犬粮</p>
              <p>进口原料&nbsp;&nbsp;健康品质</p>
            </div>
          </div>
          <a href="#"
            ><li id="mm">猫咪<span></span></li
          ></a>

          <div id="sy2">
            <div class="gg1">
              <a href="#"><h2>猫咪商场&gt;&gt;</h2></a>
              <a href="#"><span>宠物猫粮</span></a>
              <a href="#"><span>猫罐头/妙鲜包</span></a>
              <a href="#"><span>猫猫零食</span></a>
              <a href="#"><span>猫猫医疗</span></a>
              <a href="#"><span>猫猫保健品</span></a>
              <a href="#"><span>猫猫香波</span></a>
              <a href="#"><span>日常用品</span></a>
              <a href="#"><span>猫猫玩具</span></a>
              <a href="#"><span>猫猫住所</span></a>
              <a href="#"><span>猫砂猫厕</span></a>
            </div>
            <div class="gg1">
              <h2>猫咪百科&gt;&gt;</h2>
              <a href="#"><span>西伯利亚</span></a>
              <a href="#"><span>异国短尾喵</span></a>
              <a href="#"><span>布偶</span></a>
              <a href="#"><span>豹猫</span></a>
              <a href="#"><span>苏格兰折耳猫</span></a>
              <a href="#"><span>波斯猫</span></a>
              <a href="#"><span>中华田园猫</span></a>
              <a href="#"><span>暹罗猫</span></a>
              <a href="#"><span>布偶猫</span></a>
              <a href="#"><span>猫咪大全</span></a>
              <a href="#"><span>猫咪饲养</span></a>
              <a href="#"><span>猫咪训练</span></a>
              <a href="#"><span>猫咪医疗</span></a>
              <a href="#"><span>问答专区</span></a>
            </div>
            <div class="gg2">
              <img src="../img/img69501417751239.jpg" alt="" />
              <p>佩玛思特进口犬粮</p>
              <p>进口原料&nbsp;&nbsp;健康品质</p>
            </div>
          </div>
          <a href="#"
            ><li id="xc">小宠<span></span></li
          ></a>

          <div id="sy3">
            <div class="gg1">
              <a href="#"><h2>小宠商场&gt;&gt;</h2></a>
              <a href="#"><span>兔兔用品</span></a>
              <a href="#"><span>仓鼠用品</span></a>
              <a href="#"><span>龙猫用品</span></a>
              <a href="#"><span>天竺鼠用品</span></a>
            </div>
            <div class="gg1">
              <h2>小宠百科&gt;&gt;</h2>
              <a href="#"><span>亚历山大</span></a>
              <a href="#"><span>松鼠</span></a>
              <a href="#"><span>鹦鹉</span></a>
              <a href="#"><span>变色龙</span></a>
              <a href="#"><span>八哥</span></a>
              <a href="#"><span>狐狸</span></a>
              <a href="#"><span>小宠大全</span></a>
              <a href="#"><span>小宠饲养</span></a>
              <a href="#"><span>小宠训练</span></a>
              <a href="#"><span>小宠医疗</span></a>
              <a href="#"><span>问答专区</span></a>
            </div>
            <div class="gg2">
              <img src="../img/img90881417139933.jpg" alt="" />
              <p>MA29玛莎仓鼠粮食500g</p>
              <p>仓鼠首选粮</p>
            </div>
          </div>
          <a href="#"
            ><li id="sz">水族<span></span></li
          ></a>

          <div id="sy4">
            <div class="gg1">
              <a href="#"><h2>水族商场&gt;&gt;</h2></a>
              <a href="#"><span>鱼缸/水族箱</span></a>
              <a href="#"><span>鱼饲料</span></a>
              <a href="#"><span>过滤器</span></a>
              <a href="#"><span>过滤材料</span></a>
              <a href="#"><span>潜水泵</span></a>
              <a href="#"><span>氧气泵</span></a>
              <a href="#"><span>增氧配件</span></a>
              <a href="#"><span>照明器材</span></a>
              <a href="#"><span>温控设备</span></a>
              <a href="#"><span>清洁用具</span></a>
              <a href="#"><span>药水系列</span></a>
              <a href="#"><span>造景装饰</span></a>
              <a href="#"><span>水草肥料</span></a>
              <a href="#"><span>杀菌灯</span></a>
              <a href="#"><span>喂食器</span></a>
            </div>
            <div class="gg1">
              <h2>水族百科&gt;&gt;</h2>
              <a href="#"><span>锦鲤</span></a>
              <a href="#"><span>金鱼</span></a>
              <a href="#"><span>宝莲灯</span></a>
              <a href="#"><span>清道夫</span></a>
              <a href="#"><span>水族大全</span></a>
              <a href="#"><span>水族饲养</span></a>
              <a href="#"><span>水族医疗</span></a>
              <a href="#"><span>问答专区</span></a>
            </div>
            <div class="gg2">
              <img src="../img/img86981417140603.jpg" alt="" />
              <p>三元锦鲤鱼增色饲料300g</p>
              <p>专为金鱼和锦鲤而设计</p>
            </div>
          </div>
          <a href="#"
            ><li id="pc">爬虫<span></span></li
          ></a>

          <div id="sy5">
            <div class="gg1">
              <a href="#"><h2>爬虫商场&gt;&gt;</h2></a>
              <a href="#"><span>龟粮</span></a>
              <a href="#"><span>龟箱</span></a>
              <a href="#"><span>龟缸</span></a>
              <a href="#"><span>灯具</span></a>
              <a href="#"><span>医疗保健用品</span></a>
              <a href="#"><span>造景</span></a>
              <a href="#"><span>食具</span></a>
              <a href="#"><span>躲避台</span></a>
              <a href="#"><span>温控</span></a>
              <a href="#"><span>垫材</span></a>
              <a href="#"><span>配件</span></a>
            </div>
            <div class="gg1">
              <h2>爬虫百科&gt;&gt;</h2>
              <a href="#"><span>爬虫大全</span></a>
              <a href="#"><span>爬虫饲养</span></a>
              <a href="#"><span>爬虫医疗</span></a>
              <a href="#"><span>问答专区</span></a>
            </div>
            <div class="gg2">
              <img src="../img/img80591427681476.jpg" alt="" />
              <p>水龟维他命营养维生素50g</p>
              <p>提高免疫力</p>
            </div>
          </div>
          <a href="#"
            ><span></span>
            <li style="width: 150px"><span></span>波奇商场</li></a
          >
          <a href="#"
            ><li style="float: right"><span></span>波奇无线</li></a
          >
        </ul>
      </div>
      <div style="height: 380px">
        <a href="#"><div class="tptp1"></div></a>
        <a href="#"><div class="tptp2"></div></a>
        <div class="tptp3">1</div>
        <div class="tptp4">2</div>
      </div>
      <div class="toto">
        <div class="toto1">
          <a href="#"
            ><div class="toc1">
              <p><a href="#">美国WDJ推荐</a></p>
              <h2>加拿大纽顿</h2>
              <img src="../img/img71345c6e1f89eb164.jpg" alt="" /></div
          ></a>
          <a href="#"
            ><div class="toc1">
              <p><a href="#">芬利奥全脂奶粉</a></p>
              <h2>官方测评</h2>
              <img src="../img/img14525efa9fba2c035.png" alt="" /></div
          ></a>
          <a href="#"
            ><div class="toc1">
              <p><a href="#">低至19.9元</a></p>
              <h2>怡亲猫砂</h2>
              <img src="../img/img54345c6e1f23bfadb.jpg" alt="" /></div
          ></a>
          <a href="#"
            ><div class="toc1">
              <p><a href="#">宠物饲养全攻略</a></p>
              <h2>波奇专题</h2>
              <img src="../img/img72125ef99763dea70.jpg" alt="" /></div
          ></a>
          <div class="toc2" style="width: 260px">
            <h2 style="margin-top: 10px">波奇快报</h2>
            <p style="margin-top: 10px">
              <a href="#"> 上海市通信管理局关于展开2020年电信和网络的啥啥啥</a>
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- 注意的中部 -->
    <!-- 狗狗用品系列 -->
    <div style="clear: both"></div>
    <div class="gdx">
      <h1 id="dog">狗狗</h1>
      <div class="gdx1">
        <div class="gdx1-1">
          <div class="gdx1-2">
            <div class="nggdx">
              <div id="nggdx1"></div>
              <div id="nggdx2"></div>
              <div id="nggdx3"></div>
            </div>
            <a href="#"
              ><img src="../img/img91405b8f86335f8da.jpg" alt="" id="ingdx1"
            /></a>
            <a href="#"
              ><img src="../img/img34715b8f863ff137e.jpg" alt="" id="ingdx2"
            /></a>
            <a href="#"
              ><img src="../img/img53465b8f8648c0b2f.jpg" alt="" id="ingdx3"
            /></a>
          </div>
        </div>
        <div class="gdx2">
          <a href="#"><h3>狗狗用品&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img46145c6e4ffe9a7d7.jpg" alt="皇家" />
              <p>Go!狗粮</p>
              <p>无谷天然&nbsp;&nbsp;含肉量高</p>
            </div>
          </a>
          <a href="indextwo.html">
            <div class="gdx2-1">
              <img src="../img/img27385c6e4382f2eea.jpg" alt="" />
              <p>皇家狗粮</p>
              <p>精准营养&nbsp;&nbsp;量身定做</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img58115c6e503d6f628.jpg" alt="" />
              <p>伯纳天纯</p>
              <p>天然无谷低敏</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1" style="border-right: 0px">
              <img src="../img/img1525c6e42f4d9181.jpg" alt="" />
              <p>冠能狗粮</p>
              <p>专注营养&nbsp;&nbsp;全面保护</p>
            </div>
          </a>
        </div>
        <div class="gdx3">
          <a href="#"><h3>狗狗用品分类&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img1880567a038801227.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>狗狗主粮</p>
                <p>进口粮、国产粮、处方粮、冻干粮</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img5490567a038fd02a2.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>狗狗零食</p>
                <p>罐头湿粮、肉类零食、磨牙洁齿、奶酪饼干</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1" style="border-right: 0px">
              <div class="gdx3-2">
                <img src="../img/img469567a039597235.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>医疗护理</p>
                <p>皮肤治疗、综合护理、内外驱虫、常备药品</p>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
    <!-- 猫咪用品系列 -->
    <div style="clear: both"></div>
    <div class="mnb">
      <h1 id="maomi">猫咪</h1>
      <div class="gdx1">
        <div class="gdx1-1">
          <div class="gdx1-2">
            <div class="nggdx">
              <div id="nggdx1"></div>
              <div id="nggdx2"></div>
              <div id="nggdx3"></div>
            </div>
            <a href="#"
              ><img src="../img/img22075b8f866787dfc.jpg" alt="" id="ingdx1"
            /></a>
            <a href="#"
              ><img src="../img/img7505b8f8673220b2.jpg" alt="" id="ingdx2"
            /></a>
            <a href="#"
              ><img src="../img/img95515b8f873ac7865.jpg" alt="" id="ingdx3"
            /></a>
          </div>
        </div>
        <div class="gdx2">
          <a href="#"><h3>猫咪用品&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img91365c6e498c0d2f7.jpg" alt="皇家" />
              <p>有鱼</p>
              <p>太平洋区域深海鱼加工</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img63435c6e4a4e9e51f.jpg" alt="" />
              <p>比瑞吉</p>
              <p>天然调理&nbsp;&nbsp;相伴更久</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img23045c6e46b47e48d.jpg" alt="" />
              <p>加拿大NOW</p>
              <p>鲜肉无谷天然粮</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1" style="border-right: 0px">
              <img src="../img/img95135c6e4f542ddb7.jpg" alt="" />
              <p>both</p>
              <p>精选北美五种野生鱼</p>
            </div>
          </a>
        </div>
        <div class="gdx3">
          <a href="#"><h3>猫咪用品分类&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img7166567a04b16967e.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>猫咪主粮</p>
                <p>进口粮、国产粮、处方粮、冻干粮</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img68535682418eed7a3.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>猫咪零食</p>
                <p>罐头湿粮、肉类零食、猫咪薄荷、休闲零食</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1" style="border-right: 0px">
              <div class="gdx3-2">
                <img src="../img/img313356824196eec7f.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>医疗护理</p>
                <p>皮肤治疗、综合护理、内外驱虫、常备药品</p>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
    <!-- 小宠用品系列 -->
    <div style="clear: both"></div>
    <div class="xcw">
      <h1 id="xiaochong">小宠</h1>
      <div class="gdx1">
        <div class="gdx1-1">
          <div class="gdx1-2">
            <div class="nggdx">
              <div id="nggdx1"></div>
              <div id="nggdx2"></div>
              <div id="nggdx3"></div>
            </div>
            <a href="#"
              ><img src="../img/img19845b8f874a82f5c.jpg" alt="" id="ingdx1"
            /></a>
            <a href="#"
              ><img src="../img/img47895b8f8751dae7b.jpg" alt="" id="ingdx2"
            /></a>
            <a href="#"
              ><img src="../img/img35915b8f875905e99.jpg" alt="" id="ingdx3"
            /></a>
          </div>
        </div>
        <div class="gdx2">
          <a href="#"><h3>小宠热门用品&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img2591586cabdacead9.jpg" alt="皇家" />
              <p>迷你秀</p>
              <p>仓鼠专家</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img121257bfdc2f570f1.jpg" alt="" />
              <p>宠波尔boer仓鼠窝</p>
              <p>鼠鼠梦想的家</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img464358411ff822a03.jpg" alt="" />
              <p>磨牙石</p>
              <p>磨牙又营养</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1" style="border-right: 0px">
              <img src="../img/img83291417145076.jpg" alt="" />
              <p>仓鼠吸尿除臭厕砂</p>
              <p>超强除臭&nbsp;&nbsp;超强吸水</p>
            </div>
          </a>
        </div>
        <div class="gdx3">
          <a href="#"><h3>小宠用品分类&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img10451417145167.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>小宠用品</p>
                <p>主粮、磨牙、水壶食盆、浴室厕所、玩具、笼窝</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img20901417145430.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>龙猫用品</p>
                <p>主粮、磨牙、水壶食盆、浴室厕所、玩具、笼窝</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1" style="border-right: 0px">
              <div class="gdx3-2">
                <img src="../img/img30141417145465.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>兔子用品</p>
                <p>主粮、除臭木屑、食具、玩具、医疗保障、笼子</p>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
    <!-- 水族用品系列 -->
    <div style="clear: both"></div>
    <div class="szx">
      <h1 id="shuizu">水族</h1>
      <div class="gdx1">
        <div class="gdx1-1">
          <div class="gdx1-2">
            <div class="nggdx">
              <div id="nggdx1"></div>
              <div id="nggdx2"></div>
              <div id="nggdx3"></div>
            </div>
            <a href="#"
              ><img src="../img/img94655b8f8764c8840.jpg" alt="" id="ingdx1"
            /></a>
            <a href="#"
              ><img src="../img/img54365b8f876e2e113.jpg" alt="" id="ingdx2"
            /></a>
            <a href="#"
              ><img src="../img/img35515b8f8775402ee.jpg" alt="" id="ingdx3"
            /></a>
          </div>
        </div>
        <div class="gdx2">
          <a href="#"><h3>水族热门用品&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img21861417145514.jpg" alt="皇家" />
              <p>聚宝源浴缸</p>
              <p>绿色&nbsp;&nbsp;环保&nbsp;&nbsp;生态</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img3686582ee2d2ab94d.jpg" alt="" />
              <p>海豚水族用品</p>
              <p>更专业&nbsp;&nbsp;更全面</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img42471417145619.jpg" alt="" />
              <p>松宝水族系列</p>
              <p>专业打造水族器械</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1" style="border-right: 0px">
              <img src="../img/img29441417145627.jpg" alt="" />
              <p>森森全系列</p>
              <p>内置/外置设备应有尽有</p>
            </div>
          </a>
        </div>
        <div class="gdx3">
          <a href="#"><h3>水族用品分类&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img18931417162729.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>水族设备</p>
                <p>鱼缸、迷你水族箱、鱼缸配件、鱼缸底柜</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img78031417162763.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>水族饲料</p>
                <p>颗粒型、虫干虾干、活体饲料、薄片、贴片</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1" style="border-right: 0px">
              <div class="gdx3-2">
                <img src="../img/img6301417162789.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>水族药剂</p>
                <p>疾病治疗、净水、杀菌、营养品&nbsp;&nbsp;硝化细菌</p>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
    <!-- 爬虫用品系列 -->
    <div style="clear: both"></div>
    <div class="pcb">
      <h1 id="pachong">爬虫</h1>
      <div class="gdx1">
        <div class="gdx1-1">
          <div class="gdx1-2">
            <div class="nggdx">
              <div id="nggdx1"></div>
              <div id="nggdx2"></div>
              <div id="nggdx3"></div>
            </div>
            <a href="#"
              ><img src="../img/img34565b8f87871db35.jpg" alt="" id="ingdx1"
            /></a>
            <a href="#"
              ><img src="../img/img28535b8f878dcc02c.jpg" alt="" id="ingdx2"
            /></a>
            <a href="#"
              ><img src="../img/img38745b8f879411ba3.jpg" alt="" id="ingdx3"
            /></a>
          </div>
        </div>
        <div class="gdx2">
          <a href="#"><h3>爬虫热门用品&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img1288586c682cee3df.jpg" alt="皇家" />
              <p>龟龟灯具</p>
              <p>取暖照明更出色</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img97305955f75bf0f99.jpg" alt="" />
              <p>守宫取暖灯</p>
              <p>发热效果更佳</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1">
              <img src="../img/img86675903195393f93.jpg" alt="" />
              <p>自动给水器</p>
              <p>水是生命之源</p>
            </div>
          </a>
          <a href="#">
            <div class="gdx2-1" style="border-right: 0px">
              <img src="../img/img581858f6ff022b096.jpg" alt="" />
              <p>淡水小鱼干</p>
              <p>肉质肥美补钙佳</p>
            </div>
          </a>
        </div>
        <div class="gdx3">
          <a href="#"><h3>爬虫用品分类&gt;&gt;</h3></a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img21841428053295.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>陆龟用品</p>
                <p>龟箱、龟粮、灯具、加热灯、医疗保健品、造景、食具</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1">
              <div class="gdx3-2">
                <img src="../img/img48691428053320.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>水龟用品</p>
                <p>龟缸、灯具、龟粮、龟医疗、造景、食具、躲避台、配件</p>
              </div>
            </div>
          </a>
          <a href="#">
            <div class="gdx3-1" style="border-right: 0px">
              <div class="gdx3-2">
                <img src="../img/img21051428054015.jpg" alt="" />
              </div>
              <div class="gdx3-3">
                <p>蜥蜴蛇用品</p>
                <p>保健品系列、加热取暖设备</p>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
    <!-- 底部横幅 -->
    <div class="hengf">
      <div class="hengfu">
        <div class="heng1">
          <div class="fu1"></div>
          <p>正品保障</p>
          <p>全场正品&nbsp;&nbsp;假一赔十</p>
        </div>
        <div class="heng2">
          <div class="fu2"></div>
          <p>闪电发货</p>
          <p>7省满59免运费</p>
        </div>
        <div class="heng3">
          <div class="fu3"></div>
          <p>无忧退换</p>
          <p>七天退换&nbsp;&nbsp;购买无忧</p>
        </div>
        <div class="heng4">
          <div class="fu4"></div>
          <p>优质服务</p>
          <p>品类丰富&nbsp;&nbsp;多快好省</p>
        </div>
        <div class="heng5" style="border-right: 0px">
          <div class="fu5"></div>
          <p>诚信电商</p>
          <p>宠友放心&nbsp;&nbsp;值得信赖</p>
        </div>
      </div>
    </div>
    <!-- 友情链接及二维码 -->
    <div class="yqlj">
      <div class="yq">
        <h3>友情链接</h3>
        <a href="#">乌龟</a>
        <a href="#">边境牧羊犬</a>
        <a href="#">金毛</a>
        <a href="#">秋田犬</a>
        <a href="#">八哥</a>
        <a href="#">柴犬</a>
        <a href="#">哈士奇</a>
        <a href="#">布偶猫</a>
        <a href="#">手工制作</a>
        <a href="#">名鞋库</a>
        <a href="#">重庆人才网</a>
        <a href="#">网上114</a>
        <a href="#">小型犬</a>
        <a href="#">大型犬</a>
        <a href="#">淘狗网</a>
        <a href="#">钱香金融</a>
        <a href="#">加盟网</a>
        <a href="#">慧聪网</a>
        <a href="#">返利网</a>
        <a href="#">图库</a>
        <a href="#">免费发布信息</a>
        <a href="#">欣欣百宝箱</a>
        <a href="#">宠物狗</a>
        <a href="#">知名宠物用品商城</a>
        <a href="#">美食天下</a>
        <a href="#">钓鱼网</a>
        <a href="#">互动百科</a>
        <a href="#">乐酷影视</a>
        <a href="#">呼叫中心系统</a>
        <a href="#">龙鱼之巅</a>
      </div>
      <!-- 二维码部分 -->
      <div class="wm">
        <div class="yq1">
          <div class="yq1-1"><img src="../img/tel.jpg" alt="" /></div>
          <div class="yq1-2">
            <p>波奇宠物app</p>
            <p>注册领取150，爆款包邮1元起</p>
            <a href="#"><span></span></a>
            <a href="#"><span></span></a>
          </div>
        </div>

        <div class="yq2">
          <div class="yq2-1"><img src="../img/wx.png" alt="" /></div>
          <div class="yq2-2">
            <p>官方微博</p>
            <p>公众号：<span>boqiiwang</span></p>
            <p>扫描二维码，关注身边的萌宠趣事！</p>
          </div>
        </div>
        <div class="yq3">
          <div class="yq3-1"><img src="../img/wb.png" alt="" /></div>
          <div class="yq3-2">
            <p>官方微博</p>
            <p>波奇网<span>v</span></p>
            <a href="#"><span></span></a>
          </div>
        </div>
      </div>
    </div>
    <!-- 这是底部 -->
    <div class="dib">
      <div class="dibu" style="clear: both">
        <ul>
          <li><a href="#">关于波奇</a><span>|</span></li>
          <li><a href="#">投资者关系</a><span>|</span></li>
          <li><a href="#">诚聘英才</a><span>|</span></li>
          <li><a href="#">联系我们</a><span>|</span></li>
          <li><a href="#">网站地图</a><span>|</span></li>
          <li><a href="#">意见反馈</a><span>|</span></li>
          <li><a href="#">帮助中心</a><span>|</span></li>
          <li style="width: 170px">客服热线：400-820-6098</li>
        </ul>
        <ul>
          <li><a href="#">沪公网安备 31011502004955号</a><span>|</span></li>
          <li><a href="#">沪ICP备13034501号-2</a><span>|</span></li>
          <li style="width: 160px">增值电信业务经营许可证：</li>
          <li style="width: 130px"><a href="#"> 沪B2-20140120</a></li>
        </ul>
        <p>
          Copyright © 2007- 2021 Boqii.com All Rights Reserved
          光橙（上海）信息科技有限公司 版权所有
        </p>
        <ul>
          <a href="#"><li></li></a>
          <a href="#"><li></li></a>
          <a href="#"><li></li></a>
          <a href="#"><li></li></a>
          <a href="#"><li></li></a>
        </ul>
        <p>
          违法和不良信息举报电话：<a href="#">021-68826169</a
          >&nbsp;|&nbsp;举报邮箱：<a href="#">zhengls@boqii.com</a>
        </p>
        <p>如网民接到962110电话，请立即接听</p>
      </div>
    </div>
    <div class="fh">
      <a href="#dog"><div class="fh1"></div></a>
      <a href="#maomi"><div class="fh2"></div></a>
      <a href="#xiaochong"><div class="fh3"></div></a>
      <a href="#shuizu"><div class="fh4"></div></a>
      <a href="#pachong"><div class="fh5"></div></a>
      <a href="#"><div class="fh6"></div></a>
    </div>
    <script>
      //顶部js点击事件
      let nb1 = document.querySelector(".nb1");
      let nb2 = document.querySelector(".nb2");
      let nb3 = document.querySelector(".nb3");
      let nb4 = document.querySelector(".nb4");
      let sn1 = document.querySelector(".sn1");
      let sn2 = document.querySelector(".sn2");
      let sn3 = document.querySelector(".sn3");
      let sn4 = document.querySelector(".sn4");
      nb1.onmouseover = function () {
        sn1.style.display = "block";
      };
      nb2.onmouseover = function () {
        sn2.style.display = "block";
      };
      nb3.onmouseover = function () {
        sn3.style.display = "block";
      };
      nb4.onmouseover = function () {
        sn4.style.display = "block";
      };
      //消失
      nb1.onmouseout = function () {
        sn1.style.display = "none";
      };
      nb2.onmouseout = function () {
        sn2.style.display = "none";
      };
      nb3.onmouseout = function () {
        sn3.style.display = "none";
      };
      nb4.onmouseout = function () {
        sn4.style.display = "none";
      };
      //导航栏js点击事件
      let gg = document.querySelector("#gg");
      let mm = document.querySelector("#mm");
      let xc = document.querySelector("#xc");
      let sz = document.querySelector("#sz");
      let pc = document.querySelector("#pc");
      let sy1 = document.querySelector("#sy1");
      let sy2 = document.querySelector("#sy2");
      let sy3 = document.querySelector("#sy3");
      let sy4 = document.querySelector("#sy4");
      let sy5 = document.querySelector("#sy5");
      gg.onmouseover = function () {
        sy1.style.display = "block";
        sy2.style.display = "none";
        sy3.style.display = "none";
        sy4.style.display = "none";
        sy5.style.display = "none";
      };
      mm.onmouseover = function () {
        sy1.style.display = "none";
        sy2.style.display = "block";
        sy3.style.display = "none";
        sy4.style.display = "none";
        sy5.style.display = "none";
      };
      xc.onmouseover = function () {
        sy1.style.display = "none";
        sy2.style.display = "none";
        sy3.style.display = "block";
        sy4.style.display = "none";
        sy5.style.display = "none";
      };
      sz.onmouseover = function () {
        sy1.style.display = "none";
        sy2.style.display = "none";
        sy3.style.display = "none";
        sy4.style.display = "block";
        sy5.style.display = "none";
      };
      pc.onmouseover = function () {
        sy1.style.display = "none";
        sy2.style.display = "none";
        sy3.style.display = "none";
        sy4.style.display = "none";
        sy5.style.display = "block";
      };
      // 消失
      sy1.onmouseleave = function () {
        sy1.style.display = "none";
      };
      sy2.onmouseleave = function () {
        sy2.style.display = "none";
      };
      sy3.onmouseleave = function () {
        sy3.style.display = "none";
      };
      sy4.onmouseleave = function () {
        sy4.style.display = "none";
      };
      sy5.onmouseleave = function () {
        sy5.style.display = "none";
      };
      //封面图片切换点击事件
      let tptp1 = document.querySelector(".tptp1");
      let tptp2 = document.querySelector(".tptp2");
      let tptp3 = document.querySelector(".tptp3");
      let tptp4 = document.querySelector(".tptp4");
      tptp3.onmouseover = function () {
        tptp4.style.color = "#dd4e3e";
        tptp4.style.backgroundColor = "#fff";
        tptp3.style.color = "#fff";
        tptp3.style.backgroundColor = "#dd4e3e";
        tptp1.style.display = "block";
        tptp2.style.display = "none";
      };
      tptp4.onmouseover = function () {
        tptp3.style.color = "#dd4e3e";
        tptp3.style.backgroundColor = "#fff";
        tptp4.style.color = "#fff";
        tptp4.style.backgroundColor = "#dd4e3e";
        tptp2.style.display = "block";
        tptp1.style.display = "none";
      };
      //中部的图片切换点击事件
      let ingdx1 = document.querySelectorAll("#ingdx1");
      let ingdx2 = document.querySelectorAll("#ingdx2");
      let ingdx3 = document.querySelectorAll("#ingdx3");
      let nggdx1 = document.querySelectorAll("#nggdx1");
      let nggdx2 = document.querySelectorAll("#nggdx2");
      let nggdx3 = document.querySelectorAll("#nggdx3");
      nggdx1[0].onmouseover = function () {
        nggdx1[0].style.backgroundColor = "#dd4e3e";
        nggdx2[0].style.backgroundColor = "#888";
        nggdx3[0].style.backgroundColor = "#888";
        ingdx1[0].style.display = "block";
        ingdx2[0].style.display = "none";
        ingdx3[0].style.display = "none";
      };
      nggdx2[0].onmouseover = function () {
        nggdx2[0].style.backgroundColor = "#dd4e3e";
        nggdx1[0].style.backgroundColor = "#888";
        nggdx3[0].style.backgroundColor = "#888";
        ingdx2[0].style.display = "block";
        ingdx1[0].style.display = "none";
        ingdx3[0].style.display = "none";
      };
      nggdx3[0].onmouseover = function () {
        nggdx3[0].style.backgroundColor = "#dd4e3e";
        nggdx2[0].style.backgroundColor = "#888";
        nggdx1[0].style.backgroundColor = "#888";
        ingdx3[0].style.display = "block";
        ingdx2[0].style.display = "none";
        ingdx1[0].style.display = "none";
      };
      //猫咪
      nggdx1[1].onmouseover = function () {
        nggdx1[1].style.backgroundColor = "#dd4e3e";
        nggdx2[1].style.backgroundColor = "#888";
        nggdx3[1].style.backgroundColor = "#888";
        ingdx1[1].style.display = "block";
        ingdx2[1].style.display = "none";
        ingdx3[1].style.display = "none";
      };
      nggdx2[1].onmouseover = function () {
        nggdx2[1].style.backgroundColor = "#dd4e3e";
        nggdx1[1].style.backgroundColor = "#888";
        nggdx3[1].style.backgroundColor = "#888";
        ingdx2[1].style.display = "block";
        ingdx1[1].style.display = "none";
        ingdx3[1].style.display = "none";
      };
      nggdx3[1].onmouseover = function () {
        nggdx3[1].style.backgroundColor = "#dd4e3e";
        nggdx2[1].style.backgroundColor = "#888";
        nggdx1[1].style.backgroundColor = "#888";
        ingdx3[1].style.display = "block";
        ingdx2[1].style.display = "none";
        ingdx1[1].style.display = "none";
      };
      //小宠
      nggdx1[2].onmouseover = function () {
        nggdx1[2].style.backgroundColor = "#dd4e3e";
        nggdx2[2].style.backgroundColor = "#888";
        nggdx3[2].style.backgroundColor = "#888";
        ingdx1[2].style.display = "block";
        ingdx2[2].style.display = "none";
        ingdx3[2].style.display = "none";
      };
      nggdx2[2].onmouseover = function () {
        nggdx2[2].style.backgroundColor = "#dd4e3e";
        nggdx1[2].style.backgroundColor = "#888";
        nggdx3[2].style.backgroundColor = "#888";
        ingdx2[2].style.display = "block";
        ingdx1[2].style.display = "none";
        ingdx3[2].style.display = "none";
      };
      nggdx3[2].onmouseover = function () {
        nggdx3[2].style.backgroundColor = "#dd4e3e";
        nggdx2[2].style.backgroundColor = "#888";
        nggdx1[2].style.backgroundColor = "#888";
        ingdx3[2].style.display = "block";
        ingdx2[2].style.display = "none";
        ingdx1[2].style.display = "none";
      };
      //水族3
      nggdx1[3].onmouseover = function () {
        nggdx1[3].style.backgroundColor = "#dd4e3e";
        nggdx2[3].style.backgroundColor = "#888";
        nggdx3[3].style.backgroundColor = "#888";
        ingdx1[3].style.display = "block";
        ingdx2[3].style.display = "none";
        ingdx3[3].style.display = "none";
      };
      nggdx2[3].onmouseover = function () {
        nggdx2[3].style.backgroundColor = "#dd4e3e";
        nggdx1[3].style.backgroundColor = "#888";
        nggdx3[3].style.backgroundColor = "#888";
        ingdx2[3].style.display = "block";
        ingdx1[3].style.display = "none";
        ingdx3[3].style.display = "none";
      };
      nggdx3[3].onmouseover = function () {
        nggdx3[3].style.backgroundColor = "#dd4e3e";
        nggdx2[3].style.backgroundColor = "#888";
        nggdx1[3].style.backgroundColor = "#888";
        ingdx3[3].style.display = "block";
        ingdx2[3].style.display = "none";
        ingdx1[3].style.display = "none";
      };
      //爬虫4
      nggdx1[4].onmouseover = function () {
        nggdx1[4].style.backgroundColor = "#dd4e3e";
        nggdx2[4].style.backgroundColor = "#888";
        nggdx3[4].style.backgroundColor = "#888";
        ingdx1[4].style.display = "block";
        ingdx2[4].style.display = "none";
        ingdx3[4].style.display = "none";
      };
      nggdx2[4].onmouseover = function () {
        nggdx2[4].style.backgroundColor = "#dd4e3e";
        nggdx1[4].style.backgroundColor = "#888";
        nggdx3[4].style.backgroundColor = "#888";
        ingdx2[4].style.display = "block";
        ingdx1[4].style.display = "none";
        ingdx3[4].style.display = "none";
      };
      nggdx3[4].onmouseover = function () {
        nggdx3[4].style.backgroundColor = "#dd4e3e";
        nggdx2[4].style.backgroundColor = "#888";
        nggdx1[4].style.backgroundColor = "#888";
        ingdx3[4].style.display = "block";
        ingdx2[4].style.display = "none";
        ingdx1[4].style.display = "none";
      };
    </script>
  </body>
</html>
